<template>
  <div class="footer">
    <!-- <img class="footerBg" src="./../assets/footerBg.png" alt=""> -->
    <div class="banner">
      <div class="boxL">
      <div class="flexBox">
        <router-link :to="{path:'/aboutLeTui',query:{type:5}}">关于乐推</router-link>
        <a href="javascript:;" @click="register">广告合作</a>
        <a href="javascript:;" @click="register">媒体合作</a>
      </div>
      <div class="flexBox" style="font-size:10px">
         <router-link :to="{path:'/aboutLeTui',query:{type:5}}">关于我们</router-link>
        <a href="javascript:;">yp@lertui.com</a>
        <a href="javascript:;">彭先生 18658842002 <br> pyj@lertui.com</a>
      </div>
      </div>
      <div class="boxC">
        <p>乐推互动公众号</p>
        <img src="./../../static/image/footerCode.png" alt="">
      </div>
      <div class="boxR">
        <p class="title">联系我们</p>
        <p class="iphone" style="font-size:18px">0571-88589936 / 0571-88588706</p>
        <p class="Email">邮箱：ls@lertui.com</p>
        <p class="address">地址：浙江省杭州市余杭区梦想小镇天使村8幢302</p>
      </div>
      <p class="copyright">浙ICP备17058982号-1 杭州乐推互动科技有限公司 版权归杭州乐推互动所有</p>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    register() {
      window.open("http://www.lertui.com/ad/register.html");
    }
  }
};
</script>
<style lang='scss'>
.footer {
  width: 100%;
  height: 240px;
  background-image: url("http://www.lertui.com/static/img/footerBg.2f5c9f1.png");
  color: #fff;
  // background: #fe5411;
  padding: 60px 20px 20px 20px;
  position: relative;
  .footerBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .banner {
    .boxL {
      width: 45%;
      float: left;
      margin-top: 20px;
      .flexBox {
        width: 100%;
        height: 50px;
        display: flex;
        a {
          flex: 1;
          text-align: left;
          font-size: 14px;
          color: #fff;
        }
      }
    }
    .boxC {
      width: 10%;
      float: left;
      text-align: center;
      font-size: 12px;
      color: #fff;
      p {
        margin: 10px 0;
      }
      img {
        width: 90px;
      }
    }
    .boxR {
      width: 40%;
      height: 120px;
      float: right;
      padding: 10px;
      font-size: 14px;
      line-height: 28px;
    }
    .copyright {
      position: absolute;
      bottom: 15px;
      left: 0;
      right: 0;
      width: 1200px;
      margin: 0 auto;
      font-size: 10.5px;
      text-align: center;
    }
  }
}
</style>
